<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../layui/css/layui.css" />

		<!--样式-->
		<link rel="stylesheet" href="layui/css/layui.css" />
	</head>

	<body>


						<div class="layui-border-box layui-table-view" style="width:892px; height:332px;">
							<div class="layui-table-box">
								<div id="header" class="layui-table-header">
									<table cellspacing="0" cellpadding="0" border="0" class="layui-table">
										<thead>
											<tr>
												<th rowspan="3">
													<div class="layui-table-cell laytable-cell-width1"><span>组名</span></div>
												</th>
												<th rowspan="3">
													<div class="layui-table-cell laytable-cell-width1"><span>组名</span></div>
												</th>
												<th colspan="6">
													<div class="layui-table-cell "><span>团队成绩部分</span></div>
												</th>
												<th colspan="4">
													<div class="layui-table-cell"><span>个人成绩部分</span></div>
												</th>
												<th rowspan="3">
													<div class="layui-table-cell laytable-cell-width1"><span>总成绩</span></div>
												</th>
												<th rowspan="3">
													<div class="layui-table-cell" style="width: 17px;"></div>
												</th>
											</tr>
											<tr>
												<th colspan="2">
													<div class="layui-table-cell"><span>评审1</span></div>
												</th>
												<th colspan="2">
													<div class="layui-table-cell"><span>作业1</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width1"><span>奖惩分</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width3"><span>最终成绩</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width1"><span>作业2</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width1"><span>作业3</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width2"><span>个人奖惩</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width3"><span>最终成绩</span></div>
												</th>
											</tr>
											<tr>
												<th>
													<div class="layui-table-cell laytable-cell-width1"><span>空1</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width1"><span>空2</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width1"><span>空3</span></div>
												</th>
												<th>
													<div class="layui-table-cell laytable-cell-width1"><span>空4</span></div>
												</th>
											</tr>
										</thead>
									</table>
								</div>
								<div id="content" class="layui-table-body layui-table-main" style="height: 251px;top: -39px;">
									<table cellspacing="0" cellpadding="0" border="0" class="layui-table">
										<tbody>
											<tr>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">团队1</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">温锋</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">89.6</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">89.6</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">68</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">68</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">-5</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width3">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">75</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width3">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">王明灿</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">王越</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">林晓</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">团队2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">温锋</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">89.6</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">89.6</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">68</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">68</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">-5</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>											
												<td>
													<div class="layui-table-cell laytable-cell-width1">75</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">王明灿</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">王越</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">林晓</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">团队3</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">温锋</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">89.6</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">89.6</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">68</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">68</div>
												</td>
												<td rowspan="4">
													<div class="layui-table-cell laytable-cell-width1">-5</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>												
												<td>
													<div class="layui-table-cell laytable-cell-width1">75</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">王明灿</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">王越</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="layui-table-cell laytable-cell-width1">林晓</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.2</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">85.8</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">98</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">63</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width2">-</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86</div>
												</td>
												<td>
													<div class="layui-table-cell laytable-cell-width1">86.3</div>
												</td>
											</tr>
										
										</tbody>
									</table>
								</div>
								<div class="layui-table-fixed layui-table-fixed-l">
									<div class="layui-table-header">
										<table cellspacing="0" cellpadding="0" border="0" class="layui-table">
											<thead>
												<tr>
													<th  rowspan="3" style="height: 77px;">
														<div class="layui-table-cell laytable-cell-width1"><span>组名</span></div>
													</th>
													<th  rowspan="3" style="height: 77px;">
														<div class="layui-table-cell laytable-cell-width1"><span>组员</span></div>
													</th>
												</tr>
											</thead>
										</table>
									</div>
									<div id="left" class="layui-table-body" style="height: 234px;">
										<table cellspacing="0" cellpadding="0" border="0" class="layui-table">
											<tbody>
												<tr>
													<td rowspan="4">
														<div class="layui-table-cell laytable-cell-width1">团队1</div>
													</td>
													<td>
														<div class="layui-table-cell laytable-cell-width1">温锋</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">王明灿</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">王越</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">欧钟源</div>
													</td>
												</tr>
												<tr>
													<td rowspan="4">
														<div class="layui-table-cell laytable-cell-width1">团队2</div>
													</td>
													<td>
														<div class="layui-table-cell laytable-cell-width1">温锋</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">王明灿</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">王越</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">欧钟源</div>
													</td>
												</tr>
												<tr>
													<td rowspan="4">
														<div class="layui-table-cell laytable-cell-width1">团队3</div>
													</td>
													<td>
														<div class="layui-table-cell laytable-cell-width1">温锋</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">王明灿</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">王越</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">欧钟源</div>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								<div class="layui-table-fixed layui-table-fixed-r" style="right: 16px;">
									<div class="layui-table-header" style="z-index: 1;">
										<table cellspacing="0" cellpadding="0" border="0" class="layui-table">
											<thead>
												<tr>
													<th rowspan="3" style="height: 77px;">
														<div class="layui-table-cell laytable-cell-width1"><span>总成绩</span></div>
													</th>
												</tr>
											</thead>
										</table>
										<div class="layui-table-mend"></div>
									</div>
									<div id="right" class="layui-table-body" style="height: 234px;">
										<table cellspacing="0" cellpadding="0" border="0" class="layui-table">
											<tbody>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">89.1</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">92.3</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">85.6</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">95.3</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">84.2</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">85.3</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">92.1</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">88.6</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">99.3</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">97.3</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">86.2</div>
													</td>
												</tr>
												<tr>
													<td>
														<div class="layui-table-cell laytable-cell-width1">84.6</div>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>

							<style>
								
								.laytable-cell-width1 {
									width: 80px;
								}
								
								.laytable-cell-width2 {
									width: 100px;
								}
								
								.laytable-cell-width3{
									width: 219px;
								}
								
							</style>
						</div>

			<script type="text/javascript" src="js/jquery.3.js" ></script>
			<script>
			var content = document.getElementById("content");
			content.onscroll = function() {
				var content_top = this.scrollTop;
				var content_left = this.scrollLeft;
				document.getElementById("left").scrollTop = content_top;
				document.getElementById("header").scrollLeft = content_left;
				document.getElementById("right").scrollTop = content_top;
			}
			</script>
	</body>

</html>